<template>
  <view>
    <view class="title-right">
      <view class="redio">
        <view class="iconfont icon-24gf-playCircle"></view>
        <view class="redio-text">播放全部</view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name:"my-radio",
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">
  .title-right{
    width: 108px;
    height: 40px;
    background-color: #ffe31b;
    border-radius: 27.5px;
    display: flex;
    align-items: center;
    padding: 0 5px;
    .redio{
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      
      .icon-24gf-playCircle{
        font-size: 30px;
      }
      
      .redio-text{
        font-weight: bold;
        font-size: 14px;
        margin-right: 15px;
        // line-height: 40px;
      }
    }
  }
</style>